<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui" template="/layout/template.xhtml">
	<ui:define name="content">
	<p:growl autoUpdate="true" showSummary="true"/>			
		<h:form>
			
			<h1>#{mensaje.titulo_grupo}</h1>
			
				<p:commandButton action="#{grupoBean.guardar()}"
					value="#{mensaje.action_guardar}" update="panel" />
				<p:commandButton action="#{grupoBean.eliminar()}"
					value="#{mensaje.action_eliminar}" update="panel" />
				<p:commandButton action="#{grupoBean.cancelar()}"
					value="#{mensaje.action_cancelar}" immediate="true" />
				<f:facet name="header">#{mensaje.titulo_grupo}</f:facet>
			
			<p:separator id="separator"/> 
			<br/>
			
			<p:panel id="panel">
			<p:tabView  id="tabView"  dynamic="true">
			
				<p:tab title="#{mensaje.titulo_grupo}">
				<h:panelGrid columns="2">
					<p:outputLabel for="nombre" value="#{mensaje.label_nombre}" />
					<p:inputText id="nombre" value="#{grupoBean.grupo.nombreGrupo}" required="true" style="text-transform:uppercase"/>					
				</h:panelGrid>
				</p:tab>
				
			
				<br/>
				
				<p:tab title="#{mensaje.label_nombreRol}">
				<p:dataTable value="#{grupoBean.rolDataModel}" var="_grupo" selection="#{grupoBean.rols}">	
				
					<p:column>
                    	<f:facet name="header">#{mensaje.label_nombreRol}</f:facet>
                        #{_grupo.descripcion}
					</p:column>
					<p:column selectionMode="multiple" style="width:2%" />
                	
     
                    
				</p:dataTable>
				</p:tab>
			</p:tabView>
			</p:panel>		
			
		</h:form>
	</ui:define>
</ui:composition>